<template>
  <div>
        <div class="ccui-multifunctional-table-wrapper">
                            <ux-grid
                                align="center"
                                ref="multipleTable"
                                :data="tableBill"
                                :isshow="true"
                                border
                                max-height="9999"
                                class="ccui-multifunctional-table"
                                :summary-method="getSummariesBill"
                                lazy
                                show-summary
                                keep-source
                                :highlightCurrentRow="false"
                                :widthResize="true"
                                :edit-config="{ trigger: 'click', mode: 'cell' }"
                            >
                                <!-- <ux-table-column
                                  type="checkbox"
                                  fixed="left"
                                  width="55"
                                ></ux-table-column> -->
                                <ux-table-column
                                    type="index"
                                    title="序号"
                                    width="80"
                                    fixed="left"
                                />
                                <template v-for="(table, index) in tableColumnBill">
                                    <ux-table-column
                                        :key="index"
                                        :field="table.prop"
                                        :title="table.label"
                                        :width="table.width"
                                        :align="table.align"
                                        :header-align="table.headAlign"
                                        show-overflow-tooltip
                                    />
                                </template>
                            </ux-grid>
                        </div>
  </div>
</template>

<script>
export default {
data(){
    return {
         tableColumnBill: [
                {
                    prop: "storageCode",
                    label: "变动",
                    width: "180",
                    headAlign: "left"
                },
                {
                    prop: "storageName",
                    label: "款项名称",
                    width: "300",
                    headAlign: "left"
                },
                {
                    prop: "materialsCode",
                    label: "专项项目",
                    width: "110",
                    headAlign: "left"
                },
                {
                    prop: "materialsName",
                    label: "应收应付编号",
                    width: "300",
                    headAlign: "left"
                },
                {
                    prop: "materialsDescribe",
                    label: "未核销金额(原币)",
                    width: "200",
                    headAlign: "left"
                },
                {
                    prop: "currentMeasuringUnit",
                    label: "原币币种",
                    width: "120",
                    headAlign: "left"
                },
                {
                    prop: "currentNum",
                    label: "汇率",
                    width: "100",
                    headAlign: "left"
                },
                {
                    prop: "unitPriceWithoutTax",
                    label: "金额(原币)",
                    width: "130",
                    align: "right",
                    headAlign: "left"
                },
                {
                    prop: "price",
                    label: "金额(本位币)",
                    width: "130",
                    align: "right",
                    headAlign: "left"
                },
                {
                    prop: "rate",
                    label: "到期日期",
                    width: "100",
                    formatterName: "rate",
                    align: "right",
                    headAlign: "left"
                },
                {
                    prop: "amountExcludeTax",
                    label: "预计付款日期",
                    width: "130",
                    align: "right",
                    headAlign: "left"
                },
                {
                    prop: "tax",
                    label: "往来性质",
                    width: "130",
                    formatterName: "tax",
                    align: "right",
                    headAlign: "left"
                },
                {
                    prop: "amount",
                    label: "往来单位",
                    width: "130",
                    align: "right",
                    headAlign: "left"
                },
                {
                    prop: "remark",
                    label: "个人",
                    width: "100",
                    headAlign: "left"
                },
                 {
                    prop: "remark",
                    label: "备注",
                    width: "100",
                    headAlign: "left"
                }
            ],
    }
}
}
</script>

<style>

</style>